<div class="myWalllet" ng-controller="WallletController">
    <!--标题开始-->
    <div class="myWalllet_head">
        <a class="myWalllet-back" go-back></a>
        <span class="myWalllet_caolist fr" ui-sref="main.unicornInstructions">鹿仙贝说明</span>
    </div>
    <div style="position: absolute;top:1.6rem; left: 0px; right: 0px;bottom: 0rem;-webkit-overflow-scrolling:touch;overflow-y: scroll;z-index: 1;" id="wrapper_container">
        <!--//分类列表开始-->
        <div  id="wrapper_container_content" >
            <div style="padding: 0 0.32rem;">
                <div class="topWalllet_content">
                   <p class="topWalllet_contentTitle">当前财产</p>
                    <div class="clear">
                        <div class="topWalllet_contentleft fl">
                           <span class="bigColor" ng-bind="showWallet">1000</span> <span class="loColor">个鹿仙贝</span>
                        </div>
                        <div class="topWalllet_contentright fr">
                            <p class="clear"  ng-click="goRechargewallet()"><i class="fr"></i><span class="fr">充值</span></p>
                            <p class="clear" ui-sref="my.currencyexchange"><i class="fr"></i><span class="fr">应援棒兑换</span></p>
                        </div>
                    </div>
                </div>
                <div class="Walllet_listNav clear">
                    <p class="fl " ng-class="{'true':'active','false':''}[myWalletStatus==1]" ng-click="switchMyWalletStatus(1)">充值记录</p>
                    <p class="fl" ng-class="{'true':'active','false':''}[myWalletStatus==2]" ng-click="switchMyWalletStatus(2)">消费记录</p>
                </div>
              <div style="padding: 0 0.2rem;">
                  <div ng-if="myWalletStatus==1">
                      <ul class="Walllet_list" when-scrolled="rechargeRecords.nextPage()" when-disabled='{{rechargeRecords.busy}}'  ng-if="rechargeRecords.length!=0">
                          <li class="clear" ng-repeat="rechargeRecord in rechargeRecords.items track by $index"  ng-click="copyToClipboard(rechargeRecord.order_id)">
                              <div class="Walllet_listleft fl">
                                  <p>订单号：<span ng-bind="rechargeRecord.order_id">1811261138</span></p>
                                  <p> +{{rechargeRecord.buy_num}}</p>
                              </div>
                              <div class="Walllet_listright fr">
                                  <p class="Walllet_listdate" ng-bind="rechargeRecord.recharge_time | date:'yyyy-MM-dd HH:mm:ss'">2018-12-22 24:58</p>
                                  <p class="Walllet_listInfo" ng-if="rechargeRecord.pay_type==1">(支付宝支付)充值</p>
                                  <p class="Walllet_listInfo" ng-if="rechargeRecord.pay_type==2">(微信支付)充值</p>
                                  <p class="Walllet_listInfo" ng-if="rechargeRecord.pay_type==3">积分兑换</p>
                                  <p class="Walllet_listInfo" ng-if="rechargeRecord.pay_type==4">(苹果支付)充值</p>
                              </div>
                          </li>
                      </ul>
                      <div class="noWallet"ng-show="rechargeRecords.nodata">
                          <img ng-src="static/img/img_xfjl_k.png" alt="">
                          <p>还没有充值记录哦</p>
                      </div>
                      <div  style="line-height: 1.5rem;font-size: 0.36rem;text-align: center;" ng-show="!rechargeRecords.nodata">
                          <p  class="clear" ng-if="rechargeRecords.end==false" style="width:2.7rem;margin: 0 auto;"><img src="static/img/list.gif" style="width: 0.5rem;height:0.5rem;float: left;display:block;margin-top:0.46rem;" alt=""><span style="width: 2.2rem;float: left;text-align: left;">正在加载...</span></p>
                          <p ng-if="rechargeRecords.end==true">没有更多了！ </p>
                      </div>
                  </div>

                  <div ng-if="myWalletStatus==2">
                      <ul class="Walllet_list" when-scrolled="exchangeRecords.nextPage()" when-disabled='{{exchangeRecords.busy}}'  ng-if="exchangeRecords.length!=0">
                          <li class="clear" ng-repeat="rechargeRecord in exchangeRecords.items track by $index">
                              <div class="Walllet_listleft fl">
                                  <p class="exchangeRecord_p"> -{{rechargeRecord.pay_amount}}</p>

                              </div>
                              <div class="Walllet_listright fr">
                                  <p class="Walllet_listdate" ng-bind="rechargeRecord.create_time | date:'yyyy-MM-dd HH:mm:ss'" >2018-12-22 24:58</p>
                                  <p class="Walllet_listInfo">兑换应援棒</p>
                              </div>
                          </li>
                      </ul>
                      <div class="noWallet" ng-show="exchangeRecords.nodata">
                          <img ng-src="static/img/img_xfjl_k.png" alt="">
                          <p>还没有消费记录哦</p>
                      </div>
                      <div  style="line-height: 1.5rem;font-size: 0.36rem;text-align: center;" ng-show="!exchangeRecords.nodata">
                          <p  class="clear" ng-if="exchangeRecords.end==false" style="width:2.7rem;margin: 0 auto;"><img src="static/img/list.gif" style="width: 0.5rem;height:0.5rem;float: left;display:block;margin-top:0.46rem;" alt=""><span style="width: 2.2rem;float: left;text-align: left;">正在加载...</span></p>
                          <p ng-if="exchangeRecords.end==true">没有更多了！ </p>
                      </div>
                  </div>
              </div>

                <!--<input type="text" id="walletCopyInput" style="position: relative;width: 0.02rem;height: 0.02rem;color: #fff;border: 0.001rem solid #fff;">-->
            </div>
        </div>
    </div>


</div>